// action 的封装 优化组件代码 创建统一管理action的js文件
// 在todoList中引入js文件 可直接使用下面定义的方法
import {
  CHANGE_INPUT_VALUE,
  ADD_TODO_ITEM,
  DELETE_TODO_ITEM,
  INIT_LIST_ACTION,
  GET_INIT_LIST,
} from "./actiontypes";
// import axios from "axios";

export const getInputChangeAction = (value) => ({
  type: CHANGE_INPUT_VALUE,
  value,
});

export const getAddTodoItemAction = () => ({
  type: ADD_TODO_ITEM,
});

export const deleteTodoItemAction = (index) => ({
  type: DELETE_TODO_ITEM,
  index,
});

export const initListAction = (data) => ({
  type: INIT_LIST_ACTION,
  data,
});

// export const getTodoList = () => {
//   //使用了redux-thunk后 可以return一个函数 可以接受到store 的 dispatch
//   return (dispatch) => {
//     axios.get("/list.json").then((res) => {
//       const data = res.data;
//       const action = initListAction(data);
//       dispatch(action);
//     });
//   };
// };

export const getInitList = () => ({
  type: GET_INIT_LIST,
});
